.loop(@i) when (@i >=0) {
  .mr@{i} {
    margin-right: (1px * @i) !important;
  }

  .ml@{i} {
    margin-left: (1px * @i) !important;
  }

  .mt@{i} {
    margin-top: (1px * @i) !important;
  }

  .mb@{i} {
    margin-bottom: (1px * @i) !important;
  }

  .pr@{i} {
    padding-right: (1px * @i) !important;
  }

  .pl@{i} {
    padding-left: (1px * @i) !important;
  }

  .pt@{i} {
    padding-top: (1px * @i) !important;
  }

  .pb@{i} {
    padding-bottom: (1px * @i) !important;
  }

  .loop((@i - 5))
}

.loop(50);

.fs-loop(@i) when (@i >=12) {
  .fs@{i} {
    font-size: (@i + 0px);
  }

  .fs-loop((@i - 2))
}

.fs-loop(38);

.width-loop(@i) when (@i <=300) {
  .w@{i} {
    width: (1px * @i);
  }

  .width-loop((@i + 50))
}

.width-loop(50);
